<!-- 通信类 决算  运营商订单信息 -->
<template>
  <TCollapse title="运营商订单信息">
    <div ref="queryFormBox" class="search-flex-box">
      <Form ref="formRef" v-model="operatorMessageList" :form-option="formOption" :select-list="dicLists" />
    </div>
  </TCollapse>
</template>

<script>
import Form from '@/views/actualBudget/communication/tFbusiness/pmsForm'
import TCollapse from '@/components/basic/TCollapse.vue'
// 查询条件配置
const formOption = {
    size: 'mini',
    inline: true,
    labelWidth: '160px',
    itemData: [
        {
            type: 'datePicker',
            prop: 'endDianxinInstalDate',
            dateType: 'date',
            value: '',
            width: '',
            colSpan: 6,
            label: '电信通信设备安装完成时间',
            clearable: true,
            disabled: false,
            format: 'yyyy-MM-dd',
            valueFormat: 'yyyy-MM-dd'
        },
        {
            type: 'datePicker',
            prop: 'endCmccInstalDate',
            dateType: 'date',
            value: '',
            width: '',
            colSpan: 6,
            label: '移动通信设备安装完成时间',
            clearable: true,
            disabled: false,
            format: 'yyyy-MM-dd',
            valueFormat: 'yyyy-MM-dd'
        },
        {
            type: 'datePicker',
            prop: 'endLiantongInstalDate',
            dateType: 'date',
            value: '',
            width: '',
            colSpan: 6,
            label: '联通通信设备安装完成时间',
            clearable: true,
            disabled: false,
            format: 'yyyy-MM-dd',
            valueFormat: 'yyyy-MM-dd'
        },
        {
            type: 'input',
            prop: 'CTCDeliveryTime',
            value: '',
            width: '',
            colSpan: 6,
            clearable: true,
            disabled: true,
            label: '电信订单实际交付时间'
        },
        {
            type: 'input',
            prop: 'CMCCDeliveryTime',
            value: '',
            width: '',
            colSpan: 6,
            clearable: true,
            disabled: true,
            label: '移动订单实际交付时间'
        },
        {
            type: 'input',
            prop: 'CUCCDeliveryTime',
            value: '',
            width: '',
            colSpan: 6,
            clearable: true,
            disabled: true,
            label: '联通订单实际交付时间'
        },
        {
            type: 'input',
            prop: 'ctcorderDeliveryResultName',
            value: '',
            width: '',
            colSpan: 6,
            clearable: true,
            disabled: true,
            label: '电信订单交付结果'
        },
        {
            type: 'input',
            prop: 'cmccorderDeliveryResultName',
            value: '',
            width: '',
            colSpan: 6,
            clearable: true,
            disabled: true,
            label: '移动订单交付结果'
        },
        {
            type: 'input',
            prop: 'cuccorderDeliveryResultName',
            value: '',
            width: '',
            colSpan: 6,
            clearable: true,
            disabled: true,
            label: '联通订单交付结果'
        }
    ]
}

export default {
    name: 'ActualTime',
    components: {
        Form,
        TCollapse
    },
    props: {
        operatorMessageList: {
            type: Object,
            default: () => ({})
        },
        urlList: {
            type: Object,
            default: () => ({})
        },
        lcList: {
            type: Object,
            default: () => ({})
        },
        onNotShow: {
            type: Boolean,
            default: false
        }
    },
    data() {
        return {
            formOption, // 查询条件配置项
            dialogCheckbox: false, // 自定义列表弹框
            dicLists: {} // 下拉框字典选项集合
        }
    },
    mounted() {
        if (this.urlList.type === 'done' || this.onNotShow) {
            this.formOption.itemData[0].disabled = true
            this.formOption.itemData[1].disabled = true
            this.formOption.itemData[2].disabled = true
        }
    },
    methods: {
    }
}
</script>

<style lang="scss" scoped>
.search-flex-box {
    // display: flex;
    // justify-content: space-between;
    height: auto;
}

.searchBtn {
    width: 100px;
    margin-left: auto;
    display: flex;
    margin-top: 4px;
    flex-direction: column;

    .el-button+.el-button {
        margin-left: 0;
        margin-top: 8px;
    }
}

.electronicSignature {
    width: 100%;

    .mainDetails {
        padding: 20px 25px 0px;
    }

    .topRemark {
        // background-color: #fdf5e6;
        background-color: #ffefd5;
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        font-size: 14px;

        .asterisk {
            color: #f00;
            margin-right: 2px;
            font-size: 18px;
        }
    }

    .customBtn {
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        margin: 10px 20px 10px 90%;
        cursor: pointer;

        .el-icon-s-tools {
            font-size: 20px;
            color: #999;
            margin-right: 6px;
        }
    }
}

.el-button--text {
    color: #02a7f0;
}

.el-button--primary {
    color: #fff;
}

.dialog-footer {
    display: flex;
    justify-content: center;
}

::v-deep .el-button+.el-button {
    color: #fff;
}

// 弹框样式
::v-deep .el-dialog__body {
    max-height: 400px;
    overflow-y: auto;
    margin: 0px;
}

// 滚动条样式
::v-deep .el-dialog__body::-webkit-scrollbar {
    // 滚动条整体样式
    width: 6px; //高宽分别对应横竖滚动条的尺寸
    height: 10px;
}

::v-deep .el-dialog__body::-webkit-scrollbar-thumb {
    // 滚动条里面小方块
    border-radius: 10px;
    // -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #f2f3f5;
}

::v-deep .el-range-editor.el-input__inner {
    padding: 0px 10px;
}

.topBtn {
    text-align: center;
    padding: 20px;
}

::v-deep .el-tag {
    border: none;
    color: #02a7f0;
    background-color: #ffffff;
}

::v-deep .el-dialog__title {
    font-size: 14px;
    font-weight: bold;
}

::v-deep .el-col-24 {
    height: 110px;
}

::v-deep .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f7f7f7;
}
</style>
